<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
    <title>CRM</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$('.dropdown-toggle').dropdown();
	</script>
	<style type="text/css">
		
	</style>
  </head>
  
  <body>
   	<jsp:include page="include/head.jsp">
   		<jsp:param value="task" name="tag"/>
   	</jsp:include>
 	<div class="container" style="margin-top: 60px;">
 		<div class="row-fluid">
	 		<div class="span8" style="margin-top:10px;">
	 			<div class="content" style="height:auto;border:1px #ccc solid;">
	 				<div class="head well" style="padding:10px 10px 8px 20px;">
	 					<div style="float:left;">
	 						<span><h4>待办任务</h4></span>
	 					</div>
	 					<div style="float:right;">
		 					<a href="">待办任务</a>|
		 					<a href="">已完成的任务</a>|
		 					<a href="">我分配的任务</a>|
		 					<a href="#myModal" data-toggle="modal">添加任务</a>
				         </div>
				         <div style="clear:both;"></div>
	 				</div>
	 				
	 				<div style="padding:0 15px 10px 15px;">
	 					<table class="table">
						    <thead>
							    <tr>
							    <th>
							    	<form class="form-inline">
								      <label>分类为</label>
						              <select class="span2">
						                <option>所有</option>
						                <option>--</option>
						                <option>--</option>
						              </select>
							         </form>
							    </th></tr>
						    </thead>
						    <tbody>
							    <tr>
								    <td>本周</td></tr>
							    <tr>
								    <td>
										<label class="checkbox">
											<input type="checkbox"/>事件一
										</label>
										<label class="checkbox">
											<input type="checkbox"/>事件二
										</label>
									</td></tr>
						    </tbody>
						</table>
	 				</div>
	 			</div>
			</div>
 			
 			 <%--添加任务--%>
			<div id="myModal" class="modal fade">
				<div class="modal-header">
					<a class="close" data-dismiss="modal">×</a>
					<h3>添加一个任务</h3>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" action="#" method="post">
				          <div class="control-group">
				            <label for="input01" class="control-label">任务描述</label>
				            <div class="controls">
				              <textarea rows="3" id="textarea" class="input-xlarge"></textarea>
				            </div>
				          </div>
				          <div class="control-group">
				            <label for="input01" class="control-label">到期时间</label>
				            <div class="controls">
				              <select id="select01">
				                <option>今天</option>
				                <option>-----</option>
				              </select>
				            </div>
				          </div>
				          <div class="control-group">
				            <label for="input01" class="control-label ">选择一个分类</label>
				            <div class="controls">
				              <select id="select01">
				                <option>无</option>
				                <option>新建分类</option>
				              </select>
				              <span class="help-inline"><a href="#">编辑分类</a></span>
				            </div>
				          </div>
				          <div class="control-group">
				            <label for="input01" class="control-label ">由谁负责？</label>
				            <div class="controls">
				              <select id="select01">
				                <option>我</option>
				                <option>--</option>
				              </select>
				            </div>
				          </div>
				          <div class="control-group">
				            <div class="controls">
				              <label class="checkbox">
				                <input type="checkbox" value="option1" id="optionsCheckbox"/>
				                                          同事可以看见这个任务
				              </label>
				            </div>
				          </div>
			        </form>
				</div>
				<div class="modal-footer">
					<button id="fileBtn" class="btn btn-primary" type="submit">添加任务</button>
					<a href="#" class="btn" data-dismiss="modal">取消</a>
				</div>
			 </div>
 			
			<div class="span4" style="margin-top:10px;">
				<div class="well" style="height:auto;border:1px #ccc solid;padding:20px 10px 10px 10px;">
				  <div style="color:#46a546;font-size:16px;border-bottom:1px #ccc solid;padding-bottom:10px;margin-bottom:10px;">订阅您的日程安排</div>
		                          您可以使用 Google Calendar, Apple iCal, Mozzila Calendar 等支持 iCalendar 格式的工具来订阅您的日程安排。 
				</div>
			</div>
		</div>
 	</div>
  </body>

</html>

